<script>
  let { log, zoomlevel } = $props();

  let extraStyle = $derived(zoomlevel ? `font-size: ${zoomlevel*0.6}px` : '');
</script>

<section class="log" style={extraStyle}>
  {#each log as {msg, style}}
    <span class={style}>{msg}</span>
    <br/>
  {/each}
</section>

<style>
</style>
